<template>
	<view class="change-top">
		<view class="change">
	<p>修改密码后，请重新登录</p>
		</view>
	<view class="Input-box">
		<u-form :model="form" ref="uForm">
			<p class="p3">原密码</p>
			<div class="phoneContainer">
				<u-form-item><u-input v-model="form.name" /></u-form-item>
			</div>
			<p class="p3">新密码</p>
			<div class="phoneContainer">
			<u-form-item>
				<u-input v-model="form.password" />
			</u-form-item>
			</div>
			<p class="p3">确认密码</p>
			<div class="phoneContainer">
			<u-form-item>
				<u-input v-model="form.password" />
			</u-form-item>
			</div>
		</u-form>
	</view>
	<view class="radio">
		<u-radio-group v-model="value">
			<u-radio shape="square">显示密码</u-radio>
		</u-radio-group>
	</view>
	<view class="button">
	<u-button type="primary" shape	="circle" size="default" @click="Tologin">确认修改</u-button>
	</view>
	</view>
</template>
<script>
	export default {
		 methods: {
		 	// 跳转到登录页
		 	Tologin(){
		 		wx.navigateTo({
		 			url:'/pages/login/login'
		 		})
		 	}
			
		}
	}
</script>

<style lang="scss" scoped>
	.change-top{
		.change{
			width: 100%;
			height: 80rpx;
			line-height: 80rpx;
			font-size: 26rpx;
			background-color: #ebeff0;
			padding-left: 30rpx;
			color: c2c6c7;
		}
		.Input-box {
			width: 93%;
			margin: 0 auto;
			
			.p3 {
				font-size: 30rpx;
				color: #909399;
				margin-bottom: 30rpx;
			}
			.phoneContainer {
				display: flex;
				padding: 0 40rpx;
				border: 1px solid #eee;
				border-radius: 30rpx;
				margin-bottom: 30rpx;
			}
		}
		.radio{
			margin-left: 30rpx;
			}
			.button{
				  clear:both;
					width: 90%;
					margin: 0 auto;
					padding-top: 76rpx;
					
				}
	}
	
</style>
